<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
import util from '@/libs/util'
export default {
  name: 'app',
  watch: {
    '$i18n.locale': 'i18nHandle'
  },
  created () {
    this.i18nHandle(this.$i18n.locale)
  },
  methods: {
    i18nHandle (val, oldVal) {
      util.cookies.set('lang', val)
      document.querySelector('html').setAttribute('lang', val)
    }
  }
}
</script>

<style type="text/css">

  html, body, #app { 
    min-width: 1024px;
  }

  .no-select {
    user-select: none;
  }
  
  .el-table {
    color: #333 !important;
  }


  .search-box {
    /*border: solid 1px red;*/

    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .search-item {
    /*border: 1px solid blue;*/
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
  }

  .search-item > .left {
    flex: auto;
    min-width: 100px;
    max-width: 180px;
  }

  .search-item > .right {
    flex: auto;
  }

  .search-btn-box, .btn-box {
    display: flex;
    justify-content: flex-start;
    justify-content: space-between;
  }

  .btn-box {
    margin-top: 100px;
  }
  .form-box {
    max-width: 600px;
  }

  .form-item {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
  }

  .form-item > .left {
    flex: auto;
    min-width: 100px;
    max-width: 180px;
  }

  .form-item > .right {
    flex: auto;
  }

  .el-table__body tr.current-row>td {
      background-color: #409eff !important;
      color: white;
  }

  .txt-left {
    text-align: left;
  }

  .txt-right {
    text-align: right;
  }

</style>

<style lang="scss">
@import '~@/assets/style/public-class.scss';
</style>
